* {
    margin: 0;
    padding: 0;
    text-decoration: none;
    list-style: none;
    user-select: none;
}

.flex {
    display: flex;
    /* 让所有盒模型对象的子元素都有相同的长度 */
}

.j-c {
    justify-content: center;
    /*项目位于容器的中心。*/
    /*设置或检索弹性盒子元素在主轴（横轴）方向上的对齐方式*/
}

.j-s {
    justify-content: space-between;
    /*    项目位于各行之间留有空白的容器内    */
}

.a-c {
    align-items: center;
    /*    元素位于容器的中心    */
}
